<template>
  <div class="box">
    <h2 :style="style">如果我们能活着出去，千山万水，你愿意陪我一起看吗？</h2>
    <h2 :style="obj">如果我们能活着出去，千山万水，你愿意陪我一起看吗？</h2>
    <h2 :style="arr">如果我们能活着出去，千山万水，你愿意陪我一起看吗？</h2>
  </div>
</template>

<script>
export default {
  name: 'Style',
  data() {
    return {
      // 字符串形式的style样式绑定
      style: 'color: chocolate;padding: 10px; font-size: 15px',
      // 对象形式的style样式绑定
      obj: {
        color: "green",
        padding: "10px",
        fontSize: '20px',
      },
      arr: [{ color: 'red' }, { padding: '15px' }, { backgroundColor: 'daskseegreen' }]
    }
  },
}
</script>

<style scoped>
.box {}
</style>